<!--
  智慧社区管理系统 - 推送记录
  @author Wu.Liang
  @date 2024-01-01
-->
<template>
    <div class="push-record">
        <el-card>
            <template #header>
                <div class="card-header">
                    <span>推送记录</span>
                    <el-button type="primary" @click="handleRefresh">刷新</el-button>
                </div>
            </template>
            
            <el-table :data="pushRecordList" v-loading="loading" style="width: 100%">
                <el-table-column prop="title" label="推送标题" />
                <el-table-column prop="content" label="推送内容" show-overflow-tooltip />
                <el-table-column prop="target" label="推送目标" />
                <el-table-column prop="status" label="推送状态" />
                <el-table-column prop="sendTime" label="发送时间" />
                <el-table-column prop="successCount" label="成功数" />
                <el-table-column prop="failCount" label="失败数" />
                <el-table-column label="操作" width="150">
                    <template #default="scope">
                        <el-button size="small" @click="handleDetail(scope.row)">详情</el-button>
                    </template>
                </el-table-column>
            </el-table>
        </el-card>
    </div>
</template>

<script setup lang="ts">
import { ref, onMounted } from 'vue'

const loading = ref(false)
const pushRecordList = ref([])

const handleRefresh = () => {
    // 刷新推送记录
}

const handleDetail = (row: any) => {
    // 查看推送详情
}

onMounted(() => {
    // 加载推送记录
})
</script>

<style scoped>
.push-record {
    padding: 20px;
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
</style> 